<template>
	<!-- 	<u-popup :show="show" :round="10" @close="close">
		<view v-if="show" class="pop_down">
			<view class="panel">
				<view class="row_1">关注公众号，马上参与活动！</view>
				<view class="row_2">
					
				</view>
				<button class="row_3" @click="close">我已关注</button>
			</view>
		</view>
	</u-popup> -->

	<uni-popup class="loginPopup" ref="pop" background-color="#fff" @change="change">
		<view v-if="show" class="pop_down">
			<view class="panel">
				<view class="row_1">关注公众号，马上参与活动！</view>
				<view class="row_2">
					<!-- #ifdef MP-WEIXIN -->
					<official-account @load="bindload" @error="binderror"></official-account>
					<!-- #endif -->
				</view>
				<button class="row_3" @click="close">我已关注</button>
				
			</view>
		</view>
	</uni-popup>
</template>

<script>
export default {
	name: 'gzpop',
	props: {
		show: {
			type: Boolean,
			default: false
		}
	},
	data() {
		return {
		};
	},
	methods: {
		open() {
			this.$refs.pop.open('bottom');
		},
		change(e) {
			// this.$emit('close');
		},
		close() {
			this.$refs.pop.close();
		},
		bindload(e) {
			console.log(e, '----------------');
		},
		binderror(e) {
			this.toNav(`article/gzharticle`)
			console.log(e, '----------------');
			this.$refs.pop.close();
			
		}
	}
};
</script>

<style lang="less">
/* #region ==== 底部弹出【关注公众号】 */
.pop_down {
	width: 750rpx;
	// position: fixed;
	// top: 0;
	// left: 0;
	// z-index: 1000;
	background: #fff;
	text-align: center;
}

.panel {
	width: 100%;
	height: 177px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: rgb(255, 255, 255);
	text-align: center;
}

.row_1 {
	height: 45px;
	width: 100%;
	text-align: center;
	margin: 0 auto;
	background-color: rgb(250, 250, 250);
	font-size: 1;
	line-height: 45px;
	color: rgb(202, 202, 202);
}

.row_3 {
	height: 45px;
	width: 100%;
	text-align: center;
	margin: 0 auto;
	font-size: 15px;
	line-height: 45px;
	font-weight: bold;
	color: rgb(72, 182, 84);
	background-color: rgb(245, 245, 245);
	margin-bottom: 40px;
}

/* #endregion */
</style>
